<template>
  <div class="schedulingManage">
    <onDuty :activeIndex="activeIndex" v-show="activeIndex==0" @changeNav="changeNav"></onDuty>
    <daily :activeIndex="activeIndex" v-show="activeIndex==1" @changeNav="changeNav"></daily>
  </div>
</template>

<script setup lang="ts">
import onDuty from "./components/onDuty/onDuty.vue"
import daily from "./components/daily/daily.vue"

let activeIndex = ref(0);

const changeNav = (index: number)=>{
  activeIndex.value = index;
}
</script>

<style lang="scss" scoped>
.schedulingManage {
  height: 100%;
  min-height: 0;
  padding: 0px 15px;
  background-color: rgb(229, 229, 229);
  position: relative;
}
</style>
